/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

/* -------------------------------------------------------------- *\
    Styles
\* -------------------------------------------------------------- */

.DismissMessage {
    @include font-style-base;
    margin: 0 0 $global-block_margin;
    border-radius: $global_borderRadius;
    padding: $component-base_padding;
    background-color: mix($global-color_fg, $global-color_bg, 10%);
    border-color: $global-color_fg;

    a {
        color: $global-color_fg;
        text-decoration: underline;
    }

    ul {
        list-style: initial;
        padding: calc(#{$utility-baseUnitTriple} * 2);
    }

    ol {
        list-style: decimal;
        padding: calc(#{$utility-baseUnitTriple} * 2);
    }

    img {
        max-width: 100%;
    }
}

a.Dismiss.Dismiss {
    position: static;
    float: right;
    @include CloseButton;
}

.CasualMessage {
    background-color: mix($global-color_primary, $global-color_bg, 10%);
    border-color: $global-color_primary;

    a {
        color: darken($global-color_primary, 12%);
    }
}

.WarningMessage {
    background-color: mix($global-error_fg, $global-color_bg, 10%);
    border-color: $global-error_fg;

    a {
        color: darken($global-error_fg, 25%);
    }
}

.AlertMessage {
    background-color: mix($global-color_warning, $global-color_bg, 10%);
    border-color: $global-color_warning;

    a {
        color: darken($global-color_warning, 20%);
    }
}
